<!--
 * @Author: your name
 * @Date: 2021-09-10 09:18:03
 * @LastEditTime: 2021-09-26 16:44:51
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \gitee-kubife\biaozhu_20210910\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多点，多线</title>
    <style>
        * {
            margin:0;
            padding:0;
            box-sizing: border-box;
        }
        #konva-container {
            margin: 0 auto;
            background-color:#000;
        }
        .button-area {
            position: absolute;
            top:20px;
            left:20px;
        }
        .button-area > button {
            margin:0 6px;
            padding:2px 4px;
        }
    </style>
</head>
<body>
<!--  -->
<div id="konva-container"></div>
<!-- buttons -->
<div class="button-area">
    <!-- <button id="clear-before-btn">测试撤回...</button> -->
    <button id="circle-btn">点</button>
    <button id="line-btn">线(多线 + 不闭合)</button>
    <button id="line-closed-btn">线(多线 + 闭合)</button>
</div>
<!--  -->
<script src="https://unpkg.com/konva@4.0.0/konva.min.js"></script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/underscore-min.js"></script>
<script src="./js/konva_mcl_index.js"></script>
</body>
</html>
